<template>
	<view class="row j-sb" @click="arrive">
		<view style="width: 372.5rpx;" v-for="i in goods">
			<image :src="i.src" mode="widthFix" lazy-load></image>
			<view class="p-2 pt-1">
				<view class="font-sm">{{i.name}}</view>
				<text class="d-block font text-light-muted">{{i.text}}</text>
				<view class="d-flex my-1">
					<view class="d-flex main-text-color font-md line-h">
						<text class="a-self-start font-md ">￥</text>{{i.nprice}}
					</view>
					<view class="font-sm text-light-muted line-through ml-1 a-self-end line-h">
						￥{{i.oprice}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:["goods"],
		methods:{
			arrive(){
				this.$emit("goto")
			}
		}
	}
</script>

<style>
</style>
